今天連假最後一天，覺得放假也過太快感覺啥事情都沒做就要結束囉，快要有周一症候群出現了，本來這幾天要練習其他項目感覺沒有練到啥毛就要結束囉，負能量發洩完了，該來進入今天正題囉，今天來說scss的運算符，也可以說是一些比較冷門的用法，下面就直接進入範例來說明

四則運算

@debug 1 + 2 * 3 == 1 + (2 * 3); // true
@debug (1 + 2) * 3; // 9
@debug ((1 + 2) * 3 + 4) * 5; // 65

上面這些是官網範例，其中還有一個值還是錯誤的有點搞笑，不過不是今天重點，上面的範例就是很簡單算是計算，代表我們可以透過簡單算式去做計算，數字的運算符有這些，＋ - * / %，最後一個可能會不知道這時啥，通常%常常用來代表餘數，餘數說明，放了一個參考大家可以自行點開看看，不過scss運算符他在使用上有限制，必須要兩個相同單位的才可以作為計算使用，＋跟-比較特別也可以當作一元的運算符作為使用，所謂的負值的使用方式，下面有範例可以說明這樣狀況的用法

@debug +(5s + 7s); // 12s
@debug -(50px + 30px); // -80px
@debug -(10px - 15px); // 5px

字串運算子

$value: 'kanna';
@debug sans- + $value;

上面字串串接的方式，大概可以猜到使用情形，以前我比較常用在一些前綴的處理，如字型上的處理有蠻多可以使用這樣方的方式，或是瀏覽器相容的前綴詞，不過現在處理瀏覽器前綴比較少用到這樣的方式，是現在很多編譯器透過設定決定產生到怎樣相容程度，相容到ie多少或是倒數幾個版本，所以手動自幹情況可以說就是變得比較少，至於這樣串接除非很多共用或是規定，不然我還是會選選擇直接寫，感覺差沒多少字，便利感沒有說立刻就可以有感覺，加上字型前綴這通常也是第一次寫完後面也會很少用到，感覺不到優勢。